<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="./img/ico.png" type="image/x-icon">
    <link rel="stylesheet" href="./css/all.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/box-left.css">
    <link rel="stylesheet" href="./css/box-right.css">
    <link rel="stylesheet" href="./css/fixed.css">
    <title>李愧愧的个人主页</title>
</head>

<body>
    <div class="box">
        <div class="box-left">
            <div class="photo">
                <img src="./img/photo.jpg" alt="">
            </div>
            <h1>KuikuiLi-</h1>
            <h4>want to be a Web engineer</h4>
            <p>
                <i>
                    <img src="./img/aui-icon-qq.png" alt="">
                </i>
                <i>
                    <img src="./img/微信_wps图片.png" alt="">
                </i>
                <i>
                    <img src="./img/微博_wps图片.png" alt="">
                </i>
            </p>
            <div class="bottom">
                beautiful
            </div>
            <div class="copyrights">
                &copy;all rights reserved
            </div>
        </div>
        <!-- 右边 -->
        <div class="box-right out">
            <!-- 作业 -->
            <div class="task" id="ta">
                <h2>Homework</h2>
                <div class="homework">
                    <h3>2020-09-05作业</h3>
                    <ul>
                        <li><i></i><a href="./李愧愧课后作业/2020.09.05/拖拽回放.html">拖拽回放</a></li>
                    </ul>
                    <h3>2020-09-03作业</h3>
                    <ul>
                        <li><i></i><a href="./李愧愧课后作业/2020.09.03/浏览器浏览历史记录.html">浏览器浏览历史记录</a></li>
                    </ul>
                    <h3>2020-09-02 作业</h3>
                    <ul>
                        <li><i></i><a href="./李愧愧课后作业/2020.09.02/识字挂图.html">识字挂图</a></li>
                    </ul>
                    <h3>2020-09-01 作业</h3>
                    <ul>
                        <li><i></i><a href="./李愧愧课后作业/2020.09.01/简易轮播图.html">简易轮播图 </a></li>
                    </ul>
                    <h3>2020-08-31 JS小作业</h3>
                    <ul>
                        <li><i></i><a href="./作业/全选与不全选.html">全选与不全选 </a></li>
                        <li><i></i><a href="./作业/倒计时.html">倒计时</a></li>
                        <li><i></i><a href="./作业/星级评分.html">星级评分</a></li>
                        <li><i></i><a href=""> 计算时间差</a></li>
                        <li><i></i><a href="">朋友圈发布时间</a></li>
                        <li><i></i><a href="">下拉菜单</a></li>
                    </ul>
                    <h3>2020-08-26 document小作业</h3>
                    <ul>
                        <li><i></i><a href="./2020.08.26作业/千图网首页过渡动画.html">千图网首页过渡动画。</a></li>
                        <li><i></i><a href="./2020.08.26作业/开始和暂停动画.html">设置一个按钮：开始和暂停动画，同时修改按钮的名字。</a></li>
                        <li><i></i><a href="./2020.08.26作业/07 带有遮罩层的弹出框.html">带有遮罩层的弹出框。</a></li>
                        <li><i></i><a href="./2020.08.26作业/百度新闻首页.html">百度新闻首页：导航栏、右侧固定位置 。</a></li>
                        <li><i></i><a href="./作业/电子时钟.html">电子时钟</a></li>
                    </ul>
                    <h3>2020-08-25 document小作业</h3>
                    <ul>
                        <li><i></i><a href="./document/控制div属性.html">控制div属性。</a></li>
                        <li><i></i><a href="./document/网页换肤.html">网页换肤。</a></li>
                        <li><i></i><a href="./document/循环将三个DIV变成红色.html">循环将三个DIV变成红色。</a></li>
                        <li><i></i><a href="./document/鼠标移入移出改变样式.html">鼠标移入移出改变样式。</a></li>
                        <li><i></i><a href="./document/记住密码提示.html">记住密码提示。</a></li>
                        <li><i></i><a href="./document/百度输入法.html">百度输入法。</a></li>
                    </ul>
                    <h3>2020-08-24 document小作业</h3>
                    <ul>
                        <li><i></i><a href="./document/创建表格.html">用for循环创建table(6行*8列)。</a></li>
                        <li><i></i><a href="./document/创建下拉列表.html">用数组创建一个下拉列表。</a></li>
                        <li><i></i><a href="./document/存款收益计算器.html">纯JS存款收益计算器。</a></li>
                        <li><i></i><a href="./document/电子时钟.html">电子时钟。</a></li>
                    </ul>

                    <h3>表格：</h3>
                    <ul>
                        <li>
                            <i></i>
                            <a href="./费用报销单.html">费用报销单</a>
                        </li>
                    </ul>
                </div>
                <div class="homework">
                    <h3>基础练习：</h3>
                    <ul>
                        <li>
                            <i></i>
                            <a href="./js入门作业/小明成绩.html">输入小明的语数外成绩，输出小明的总分。</a>
                        </li>
                        <li>
                            <i></i>
                            <a href="./js入门作业/圆的面积.html">输入半径 r,输出圆的面积。</a>
                        </li>
                        <li>
                            <i></i>
                            <a href="./js入门作业/圆的面积.html">输入圆的半径r,圆柱高h,输出圆柱的体积。</a>
                        </li>
                        <li>
                            <i></i>
                            <a href="./js入门作业/求个十百千.html">输入一个四位数的正整数，输出他的个，十，百，千位上的数字。</a>
                        </li>
                    </ul>
                </div>
                <div class="homework">
                    <h3>分支if...else练习：</h3>
                    <h4>单分支：</h4>
                    <ul>
                        <li>
                            <i></i>
                            <a href="./js入门作业/是否成年.html">输入你的年龄age，如果大于18岁，输出你已经成年了，你要对自己负责。</a>
                        </li>
                        <li>
                            <i></i>
                            <a href="./js入门作业/性别是否成年.html">输入你的年龄age和性别sex,输出是否成年。</a>
                        </li>
                    </ul>
                    <h4>双分支：</h4>
                    <ul>
                        <li><i></i><a href="./js入门作业/是否能够吃到苹果.html">成绩大于90分，老师奖励他一个苹果(吃的)，否则惩罚默写笔记。</a></li>
                        <li><i></i><a href="./js入门作业/判断是否及格.html">60分为及格，判断是否及格,及格的话，输出，你及格了，否则 学渣！</a></li>
                        <li><i></i><a
                                href="./js入门作业/用户名密码.html">输入的用户名，密码，如果用户名为"admin”,而且密码为"123”，提示登录成功，否则提示用户名密码错误。</a>
                        </li>
                        <li><i></i><a
                                href="./js入门作业/跑步惩罚.html">数学的成绩大于90分，且体育成绩大于80分，或者数学成绩等于100分，体育成绩大于70分时，可以获得奖励，否则惩罚一边跑步一边背诵笔记。</a>
                        </li>
                    </ul>
                    <h4>多分支：</h4>
                    <ul>
                        <li><i></i><a href="./js入门作业/练习四季.html">输入（春天、夏天、秋天、冬天）季节。</a></li>
                    </ul>
                    <h4>switch-case：</h4>
                    <ul>
                        <li><i></i><a href="./js入门作业/switch-case星期练习.html">输入1-7的整数，分别输出：星期一、...、星期天。</a></li>
                    </ul>
                    <h3>嵌套练习：</h3>
                    <ul>
                        <li><i></i><a
                                href="./js入门作业/工作还是游玩.html">如果今天是周六或周日，打算外出。外出的时候如果气温在30度以上，去游泳；否则就去爬山。如果今天不是周六或周日，就要工作。如果天气好，去客户单位谈业务；否则，在公司上网查资料。</a>
                        </li>

                        <li><i></i><a href="./js入门作业/三个数排序.html">输入三个不相同的数字，找出他们中的最大，最小，中间数，并输出。</a></li>
                    </ul>
                    <h3>其他练习：</h3>
                    <ul>
                        <li><i></i><a href="./js入门作业/个人所得税计算.html">个人所得税计算。</a></li>
                        <li><i></i><a href="./js入门作业/闰年.html">闰年判断。</a></li>
                    </ul>
                    <h3>for循环：</h3>
                    <ul>
                        <li><i></i><a href="./js入门作业/1-100的和.html">计算1—100的和。</a></li>
                        <li><i></i><a href="./js入门作业/1-100的偶数和.html">计算1—100所有偶数之和。</a></li>
                        <li><i></i><a href="./js入门作业/1-10的积.html">计算1—10的积。</a></li>
                        <li><i></i><a href="./js入门作业/能被3,不能被5整除.html">求1-100内能被3整除，不能被5整除的数字，要求每行打印5个数字。</a></li>
                        <li><i></i><a href="./js入门作业/阶乘.html">求一个数的阶乘。</a></li>
                        <li><i></i><a href="./js入门作业/数字10的阶乘.html">计算1！+2！+3！+...+10！的和。</a></li>
                    </ul>
                    <h3>for循环嵌套：</h3>
                    <ul>
                        <li><i></i><a href="./js入门作业/99乘法表.html">99乘法表。</a></li>
                        <li><i></i><a href="./js入门作业/班级总成绩.html">有3个班，每个班级4人，试求各个班级总成绩。</a></li>
                    </ul>
                    <h3>while循环:</h3>
                    <ul>
                        <li><i></i><a
                                href="./js入门作业/是否合格.html">老师每天检查张三的学习是否合格，如果不合格，则继续学习，否则，提示“恭喜合格”。(是否合格，从键盘输入，y表示合格)</a>
                        </li>
                        <li><i></i><a href="./js入门作业/何时达到20万人.html">2006年培养学员8万人，每年增长25%，请问按此增长速度，到哪一年培训学员人数将达到20万人。</a>
                        </li>
                    </ul>
                    <h3>do while循环：</h3>
                    <ul>
                        <li><i></i><a href="./js入门作业/while循环1-100偶数和.html">计算1—100之和。</a></li>
                    </ul>
                    <h3>其他练习：</h3>
                    <ul>
                        <li><i></i><a href="./js入门作业/随机生成数最多7次.html">猜字小游戏,最多7次。</a></li>
                        <li><i></i><a href="./js入门作业/水仙花数.html">打印出所有的"水仙花数"。</a></li>
                        <li><i></i><a href="./js入门作业/矩形.html">打印5行5列的矩形。</a></li>
                        <li><i></i><a href="./js入门作业/直角三角形.html">打印高度为X的直角三角形。</a></li>
                        <li><i></i><a href="./js入门作业/等腰三角形.html">打印高度为X的等腰三角形。</a></li>
                        <li><i></i><a href="./js入门作业/质数.html">打印101-200之间的质数。</a></li>
                        <li><i></i><a href="./js入门作业/遇到个位是3或是3的倍数的不输出.html">输出1到100的数字，8个数字一行，如果遇到个位是3或是3的倍数的不输出。</a>
                        </li>
                        <li><i></i><a href="./js入门作业/判断是否为质数.html">输入一个数，判断这个数是否为质数。</a></li>
                        <li><i></i><a href="./js入门作业/买鸡.html">怎样用一百块买一百只鸡，已知公鸡5块一只，母鸡3块一只，小鸡一块钱3只。</a></li>
                    </ul>
                    <h3>综合练习：</h3>
                    <ul>
                        <li><i></i><a
                                href="./js入门作业/综合练习用户名密码.html">用户登录系统时需要输入用户名和密码，系统对用户输入的用户名和密码进行验证。验证次数最多3次，超过三次则程序结束。假设正确的用户名和密码为kate和123456。</a>
                        </li>
                        <li><i></i><a href="./js入门作业/数字求和游戏.html">数字求和游戏:
                                1：比如：指定基数base 2，次数count为5, 则求2+22+222+2222+22222的值;
                                2：基数和次数由键盘输入
                                3：一次游戏后，提示“是否继续y/n”，y则重新游戏，n退出游戏</a></li>
                        <li><i></i><a href="./js入门作业/买东西.html">循环输入商品编号和购买数量，系统自动计算每种商品的价钱（单价*数量），并累加总金额。
                                当购买结束时结账(假设享受8折优惠)
                                结账时，根据折扣计算应付金额，输入实付金额，并找零
                                1.T恤￥245.0 2.网球鞋￥570.0 3.网球拍￥320.0</a></li>
                    </ul>
                    <h3>使用函数：</h3>
                    <ul>
                        <li><i></i><a href="./函数作业/闰年判断.html">闰年判断。</a></li>
                        <li><i></i><a href="./函数作业/找出2000-3000之间所有的闰年.html">找出2000-3000之间所有的闰年</a></li>
                        <li><i></i><a href="./函数作业/判断一个数字是否为质数.html">判断一个数字是否为质数</a></li>
                        <li><i></i><a href="./函数作业/1000以内所有的质数.html">找出1000以内所有的质数</a></li>
                    </ul>
                    <h3>字符串处理：</h3>
                    <ul>
                        <li><i></i><a href="./函数作业/统计字母出现的次数.html">统计一个字符串中字母a出现了多少次。</a></li>
                        <li><i></i><a href="./函数作业/字符串去重.html">字符串去重。</a></li>
                        <li><i></i><a href="./函数作业/字符串去空格.html">去除字符串中所有的空格 </a></li>
                    </ul>
                    <h3>函数：</h3>
                    <ul>
                        <li><i></i><a href="./函数作业/数组中的偶数 .html">找出一个数组中所有的偶数。</a></li>
                        <li><i></i><a href="./函数作业/数组中的所有质数.html">找出一个数组中所有的质数。</a></li>
                        <li><i></i><a href="./函数作业/找出王姓的人.html">一个数组中存放着若干人名，找出所有姓王的名字。</a></li>
                        <li><i></i><a href="./函数作业/数组中最大值.html">找出数组中最大的数字。</a></li>
                        <li><i></i><a href="./函数作业/字符串中最多的字母.html">统计一个字符串中出现次数最多的字母是什么</a></li>
                        <li><i></i><a href="./函数作业/删除所有的偶数.html">删除数组中所有的偶数。</a></li>
                        <li><i></i><a href="./函数作业/判断一个数组中的所有数字是否都是质数.html">判断一个数组中的所有数字是否都是质数。</a></li>
                        <li><i></i><a href="./函数作业/数组中数字的平均值.html">计算数组中数字的平均值。</a></li>
                        <li><i></i><a href="./函数作业/数组排重.html">数组排重。</a></li>
                        <li><i></i><a href="./函数作业/随机获取四位不同的数字.html">使用数组随机获取四位数字不相同的密码。[0-9]</a></li>
                        <li><i></i><a href="./函数作业/字符串反转.html">字符串反转</a></li>
                    </ul>

                </div>
            </div>
        </div>
    </div>
    <!-- 固定 -->
    <div class="fixed">
        <div class="fixed-top">
            <ul>
                <li>
                    <a href="./index.html"><i></i></a>
                    <a href="">个人</a>
                </li>
                <li id="fix2">
                    <a href="#ta"><i></i></a>
                    <a href="">作业</a>
                </li>
                <li>
                    <a href="./project.html"><i></i></a>
                    <a href="">项目</a>
                </li>
                <li>
                    <!-- <a href=""><i></i></a> -->
                    <!-- <a href=""></a> -->
                </li>
                <li>
                    <!-- <a href=""><i></i></a> -->
                    <!-- <a href=""></a> -->
                </li>
                <li>
                    <!-- <a href=""><i></i></a> -->
                    <!-- <a href=""></a> -->
                </li>
            </ul>
        </div>
        <div class="fixed-bottom">
            <ul>
                <li><i></i><a href=""></a></li>
                <p>karry</p>
            </ul>
        </div>
    </div>
</body>

</html>